<template>
  <div class="question">
    <Card style="margin-top: 25px">
    <Divider>常见问题</Divider>
    <Collapse simple accordion v-for="da in data">
      <Panel name="1">
        {{da.proName}}
        <p slot="content">{{da.answer}}</p>
      </Panel>
    </Collapse>
    <Tag color="blue"><Icon type="ios-call" />联系客服</Tag>
    </Card>
  </div>
</template>

<script>
  import axios from "axios";

  export default {
    name: "question",
    data(){
      return{
        bQSearch:{
          show:0,
          textType:2
        }  ,
        data:{},
      }
    },
    methods:{
      getData(){
        axios.get("http://localhost:8888/otherController/queryPQ",{params:this.bQSearch}).then(res => {
          this.data = res.data.list
          console.log(this.data)
        })
      }
    },
    mounted() {
      this.getData()
    }
  }
</script>

<style scoped>
  .question{
    width: 580px;
    height: 650px;
    margin:20px 0 0 20px;
    margin: 0 auto;
  }
</style>
